
.checkbox{
	width: 44rpx;
	height: 44rpx;
	border-radius: 100%;
	background: #fff;
	border: solid 2rpx #CCCCCC;
	&.ischeck{
		border-color: #3270E0;
		background: #3270E0;
	}

	i{
		color: #fff;
		font-size: 30rpx;
	}
}

.trip_orderlist {
	width: 100%;
	padding: 20rpx;
	
}
.templ_orderlist {
	

	.tripOrderItem {
		width: 100%;
		padding: 32rpx 26rpx 22rpx 26rpx;
		background: #fff;
		// border:solid 1px red;
		// margin-bottom: 20rpx;
		&.invoicItem{
			padding: 0;
			min-height: 278rpx;
			.checkarea{
				width: 106rpx;
				min-height: 278rpx;
				
			}
			.invoicInfo{
				flex: 1;
				padding: 32rpx 24rpx 32rpx 0;
			}
		}
		
		
	}
	

	.trip_head {
		margin-bottom: 16rpx;

		.trip_left {
			.title {
				max-width: 300rpx;
				font-size: 32rpx;
				font-weight: 700;
				color: rgba(38, 38, 38, 1);
				margin-right: 14rpx;
			}

			.trip_staute {
				width: 86rpx;
				height: 36rpx;
				border-radius: 4rpx;

				font-size: 22rpx;
				font-weight: 400;
				text-align: center;

				&.staute1 {
					background: #FFF7E6;
					border: 2rpx solid #FCD16A;
					color: #F4AC00;
				}
				&.staute2 {
					background: #FFF1ED;
					border: 2rpx solid #FFA98F;
					color: #FF5A27;
				}

				&.staute3 {
					border: 2rpx solid #BDD4FF;
					color: #3270E0;
					background: #ECF1FF;
				}

				&.staute4 {
					background: #F0F9EB;
					border: 2rpx solid #E1F3D8;
					color: #67C245;
				}

				&.staute5 {
					background: #F3F3F3;
					border: 2rpx solid #DBDBDB;
					color: #B2B2B2;
				}
			}
		}

		.price {
			.pval {
				max-width: 240rpx;
				font-size: 32rpx;
				font-weight: 700;
				color: rgba(38, 38, 38, 1);

			}

			i {
				color: #999999;
				font-size: 35rpx;
				margin-left: 8rpx;
			}
		}
	}

	.trip_time {

		font-size: 24rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin-bottom: 18rpx;
	}

	.trip_address {
		width: 100%;
		min-height: 110rpx;
		overflow: hidden;
		border-radius: 12rpx;
		background: #F6F8FB;
		padding: 16rpx 24rpx;
		
		

		.trip_location {
			font-size: 26rpx;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			margin-bottom: 12rpx;
			
		}
	}
	.infos_line{
		font-size: 24rpx;
		color: #999;
		margin-bottom: 8rpx;
	}
	.trip_bottom {
		margin-top: 18rpx;
		.dele_btn {
			i {
				color: #6A6A6A;
				font-size: 30rpx;
			}
		}

		.operatelist {
			.operate_btn {
				width: 138rpx;
				height: 52rpx;
				border-radius: 6rpx;
				background: #FFFFFF;
				font-size: 24rpx;
				font-weight: 400;
				
				text-align: center;
				margin-left: 18rpx;
				
				
				color: #666666;
				border: 2rpx solid #E5E5E5;
				
				// color: rgba(244, 172, 0, 1);
				// border: 2rpx solid #F4AC00;

				&.btn_pay {
					border: none;
					color: #fff;
					// background: linear-gradient(90deg, #FF952B 0%, #F4AC00 100%);
					background: linear-gradient(90deg, #003232 0%, #035959 100%);

				}

				&.btn_dim {
					color:#003232;
					border: 2rpx solid #003232;
				}
				
				
			}
		}

	}
}


.origin {
	position: relative;

	&::before {
		content: '';
		display: inline-block;
		width: 16rpx;
		height: 16rpx;
		margin-right: 20rpx;
		border-radius: 100%;
		background: rgba(10, 175, 115, 1);
	}

	&.color_End {
		margin-bottom: 0;
	}

	&.color_End::before {
		background: #F5AD03;
	}

	&.color_End::after {
		content: '';
		display: block;
		position: absolute;
		background: #D4D4D4;
		width: 2rpx;
		height: 20rpx;
		left: 6rpx;
		top: -12rpx;

	}
}